<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  <title>厦门市易致达物联网科技有限公司官网</title>
<link rel="stylesheet" href="https://at.alicdn.com/t/font_491226_5zuouuxkdqbprpb9.css">
    <link rel="stylesheet" href="./css/style.css">
      <link rel="stylesheet" href="./css/moblime.css">
      <script src="https://api.map.baidu.com/api?v=2.0&ak=gmqSvlTMctZ9LGnf7t82bT4BbKlRn1xf" type="text/javascript"></script>
</head>
<body>
 <header>
  <a href="index.html"> <div class="pull-left moblime cell-left" width="20%">  <i class="iconfont home icon-home"></i></div></a>

  <img src="./images/logo.png" alt="" class="logo ">
  <nav><a href="index.html" class=" link  ">首  页</a>
  <a href="cooperation.html" class="link">商务合作</a>
  <a href="case.html" class="link ">精品案例</a>
  <a href="contactUs.html" class="link active">联系我们</a>
  </nav>
  <div class="tel-box">
    <img src="./images/tel.png" alt="" class="tel">
    <div class="detail"><p>免费服务热线</p><span>0592-5619251 </span></div>
  </div>
  <div class="pull-right moblime cell-right" width="20%">  <i class="iconfont more icon-gengduo2"></i></div>
 </header>
 <div class="contact"></div>
  <main>
  	<div class="mail-box ">
      <h4 class="hi">您好！</h4>
      <h5 class="team">联系我们的团队</h5>
      <h6 class="tell">如果您有宝贵的意见或者建议请告诉我们</h6>
      <ul class="flex flex-wrap">
      <div class="message ">
        <li class="item-box flex">
          <h6>姓名&nbsp; </h6><input type="text" class="cell-main">
        </li>
         <li class="item-box flex">
          <h6>邮箱&nbsp; </h6><input type="text" class="cell-main">
        </li>
        <li class="item-box flex">
          <h6>标题&nbsp; </h6><input type="text" class="cell-main">
        </li>
        <textarea  class="textarea" placeholder="正文"></textarea>
        <div class="send"><span class="send-text">发送</span><i class="iconfont icon-jiantouright"></i></div>
      </div>
      <div class="inform pcd">
        <h1 class="title"><b>联 系 信 息</b></h1>
        <div class="line" style="width: 15%; margin:0.4rem 0 0.6rem;"></div>
        <h1 class="title"><b>地 址</b></h1>
        <p class="area letter">福建省厦门市思明区软件园二期</p>
        <p class="area letter">观日路22号303-6</p>
        <p class="area toggle">福建省厦门市思明区软件园二期观日路22号303-6</p>
        <div class="line" style="width: 50%; margin: 0.5rem 0;"></div>
        <h1 class="title"><b>电 话</b></h1>
        <p class="area ">+ 0592-5619251 </p>
        <div class="line" style="width: 50%; margin: 0.4rem 0 0.3rem;"></div>
         <h1 class="title"><b>邮 箱</b></h1>
        <p class="area">semtouch@gmail.com</p>
         <div class="line" style="width: 50%; margin: 0.4rem 0 0.3rem;"></div>
         <h1 class="title"><b>Q Q</b></h1>
        <p class="area">410188223</p>
      </div>
       <div class="inform moblime">
        <h1 class="title"><b>联 系 信 息</b></h1>
        <div class="line" style="width: 15%; margin:0.4rem 0 1rem;"></div>
        <ul class="flex flex-wrap">
        <li class="info">
        <h1 class="title"><b>地 址</b></h1>
        <p class="area letter">厦门市思明区软件园二期</p>
        <p class="area letter">观日路22号303-6</p>
        </li>
        <li class="info">
        <h1 class="title"><b>电 话</b></h1>
        <p class="area ">+ 0592-5619251 </p>
        </li>
         <li class="info">
         <h1 class="title"><b>邮 箱</b></h1>
        <p class="area">semtouch@gmail.com</p>
        </li>
        <li class="info">
         <h1 class="title"><b>Q Q</b></h1>
        <p class="area">410188223</p>
        </li>
        </ul>
      </div>
      </ul>
    </div>
    <div id="map"></div>
  </main>
<footer>
  <div class="container">
    <div class="column">
      <div class="title">联系我们</div>
      <div class="progress">
        <div class="bar"></div>
      </div>
      <li class="detail flex">
        <div class="ico "><i class="iconfont icon-dingwei"></i></div>
        <p class="cell-main">福建省厦门市思明区软件园二期观日路22号<span class="pcd">303-6</span></p>
      </li>
      <li class="detail flex">
        <div class="ico "><i class="iconfont icon-tele"></i></div>
        <p class="cell-main">0592-5619251</p>
      </li>
      <li class="detail flex">
        <div class="ico "><i class="iconfont icon-duanxin"></i></div>
        <p class="cell-main">semtouch@gmail.com </p>
      </li>
      <li class="detail flex">
        <div class="ico "><i class="iconfont icon-QQ"></i></div>
        <p class="cell-main">410188223</p>
      </li>
    </div>
    <div class="col">
      <div class="title">解决方案</div>
      <div class="progress">
        <div class="bar"></div>
      </div>
      <p class="mar10">微信开发</p>
      <p class="mar10">商城开发</p>
      <p class="mar10">APP开发</p>
      <p class="mar10">智能化应用开发</p>
    </div>
    <div class="column" >
    <li class="grid">
      <div class="name">姓名</div>
      <input type="text" class="inp">
    </li>
        <li class="grid">
      <div class="name">电话</div>
      <input type="text" class="inp">
    </li>
    <textarea name="" class="text" placeholder="请输入您的建议与意见"></textarea>
    <li class="end">
    <span class="code-box">
      <img src="./images/ercode.png" alt="" class="ercode">
      <img src="./images/code.png" alt="" class="icon"></span>
      <div class="btn">提交</div>
    </li>
    </div>
    </div>
  </footer>
  <div class="com">
  <div class="company">© 2015 All rights reserved. 厦门市易致达物联网科技有限公司</div>
  <img src="./images/link.png" alt="" class="ico">
  </div>
  <div class="expand"></div>
  <div class="aside">
    <img src="./images/logo.png" alt="" class="logo">
    <a href="index.html" >首  页</a>
  <a href="cooperation.html" >商务合作</a>
  <a href="case.html" >精品案例</a>
  <a href="contactUs.html" >联系我们</a>
  </div>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="js/style.js"></script>
    <script type="text/javascript">
      var map=new BMap.Map('map');
      var point=new BMap.Point(118.18625,24.492469);
      map.centerAndZoom(point,18);
      map.enableScrollWheelZoom();   
      map.addControl(new BMap.NavigationControl());  
  var opts = {
      width : 100,     // 信息窗口宽度
      height: 40,     // 信息窗口高度
      title : "厦门市易致达物联网科技有限公司" , // 信息窗口标题
    }
      var infoWindow = new BMap.InfoWindow("福建省厦门市思明区软件园二期观日路22号楼",opts);
       map.openInfoWindow(infoWindow,point); //开启信息窗口
      var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
    </script>
</html>